<template>
<div class="container">
  <van-nav-bar
      title="支付订单"
      left-text="返回"
      left-arrow
      fixed
      @click-left="goBack"
  />
  <div class="mainBth">
    <van-button class="btn" @click="pay" type="primary">支付</van-button>
  </div>
</div>
</template>

<script>
import {Toast} from "vant";

export default {
  name: "ToPay",
  data(){
    return{

    }
  },
  methods:{
    pay(){
      Toast.success('支付成功');
    },
    goBack() {
      this.$router.push('/My')
    },
  }
}
</script>

<style scoped lang="less">
.container{
  padding-top: 50px;
  .mainBth{
    text-align: center;
    .btn{
      display: inline-block;
    }
  }
}
</style>
